.LiveProvider {
  border: 1px red solid;
  display: flex;
  flex-direction: column;

  & > div {
    flex: 1;
  }
}

.LivePreview {
  // background-color: lightskyblue;
}

.LiveEditor {
  max-height: 500px;
  overflow: auto !important;
  font-size: 14px;
  line-height: 18px;

  textarea {
    outline: none;
  }
}

.code_block_container {
  padding: 10px;
  background-color: white;
  border: 1px #c7b8e0 solid;
  border-left-width: 2px;
}

.code_block_tool {
  display: flex;
  flex-direction: row;
  margin: 10px 0px;

  & > * {
    outline: none;
    border: none;
    background-color: mediumslateblue;
    color: white;
    height: 20px;
    padding: 0px 10px;
    font-size: 8px;
    cursor: pointer;
    margin-right: 4px;
    box-sizing: border-box;

    &:active {
      border: 1px mediumslateblue solid;
      background-color: white;
      color: #273b55;
      padding: 0px 9px;
    }
  }

  & > *:last-child {
    margin-right: 0px;
  }
}

::-webkit-scrollbar-track-piece {
  //滚动条凹槽的颜色，还可以设置边框属性
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  //滚动条的宽度
  width: 7px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  //滚动条的设置
  background-color: #c0c5c8;
  background-clip: padding-box;
  min-height: 18px;
  border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
